.slide-verify-container {
   width: 300px;
   margin: 20px auto;
   position: relative;
 }
 
 .slide-verify-bg {
   height: 100px;
   background-color: #f0f0f0;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
   border-radius: 4px;
 }
 
 .slide-verify-block {
   position: absolute;
   top: 20px;
   width: 40px;
   height: 40px;
   background-color: #1890ff;
   border-radius: 4px;
 }
 
 .slide-verify-track {
   height: 40px;
   background-color: #f7f9fa;
   border: 1px solid #e4e7ed;
   border-radius: 20px;
   position: relative;
   overflow: hidden;
 }
 
 .slide-verify-slider {
   position: absolute;
   left: 0;
   top: 0;
   width: 40px;
   height: 40px;
   background-color: #fff;
   border: 1px solid #e4e7ed;
   border-radius: 20px;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.2s;
 }
 
 .slide-verify-slider.verified {
   background-color: #52c41a;
   border-color: #52c41a;
   color: #fff;
 }
 
 .slide-verify-text {
   position: absolute;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   color: #999;
   user-select: none;
 }
 
 .slide-verify-drag-area {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
 }